Routes.js ➔ ??? - Code Metrics - Inspection of "#10 feat: add custom routing" - iAmao/Bui-react - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Pull Request — master (#14)

by Inumidun

created 2018-02-11 04:17 UTC

Routes.js ➔ ??? B

↳ Parent: src/docs/Routes.js

Complexity

Conditions	3
Paths	3

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	1

Metric	Value
c	1
b	0
f	1
nc	3
dl	0
loc	27
rs	8.8571
cc	3
nop	0

1 Function

Rating	Name	Duplication	Size	Complexity
A	Routes.js ➔ ... ➔ ???	0	13	3

import React from 'react';
import PropTypes from 'prop-types';

function getParams(activeRoute, path) {
    const splitRoute = activeRoute.split('/');
    const splitPath = path.split('/');
    const params = splitRoute.reduce((param, route, index) => {
        if (route.match(':')) {
            param[route.substr(1)] = splitPath[index];
        }
        return param;
    }, {});
    const trueRoute = splitRoute.reduce((newRoute, routeFrag) => {
        newRoute.push(params[routeFrag.substr(1)] || routeFrag)
        return newRoute;
    }, []).join('/');
    return { trueRoute, params };
}


class Routes extends React.Component {
    
    render () {
        const path = this.context.location.path;
        let routeParams;
        let fourOhFour;
        const activeRoute = this.props.routes(path).filter((route) => {
            if (route[0] === '*') {
                fourOhFour = route;
                return false;
            }
            const hasParams = route[0].match(':');
            if (hasParams) {
                const { trueRoute, params } = getParams(route[0], path);
                routeParams = params;
                return trueRoute === path;
            }
            return route[0] === path;
        });

        const props = JSON.parse(JSON.stringify(this.context));

        if (!activeRoute.length) {
            return fourOhFour[1](props);
        }

        props.location.params = activeRoute[0][0].match(':') ? routeParams : {};
        return activeRoute[0][1](props);
    }
}

Routes.contextTypes = {
    location: PropTypes.shape({
        path: PropTypes.string,
        push: PropTypes.func
    })
};

Routes.propTypes = {
    routes: PropTypes.func
};

export default Routes;


1			import React from 'react';
2			import PropTypes from 'prop-types';
3
4			function getParams(activeRoute, path) {
5			const splitRoute = activeRoute.split('/');
6			const splitPath = path.split('/');
7			const params = splitRoute.reduce((param, route, index) => {
8			if (route.match(':')) {
9			param[route.substr(1)] = splitPath[index];
10			}
11			return param;
12			}, {});
13			const trueRoute = splitRoute.reduce((newRoute, routeFrag) => {
14			newRoute.push(params[routeFrag.substr(1)] \|\| routeFrag)
15			return newRoute;
16			}, []).join('/');
17			return { trueRoute, params };
18			}
19
20
21			class Routes extends React.Component {
22
23			render () {
24			const path = this.context.location.path;
25			let routeParams;
26			let fourOhFour;
27			const activeRoute = this.props.routes(path).filter((route) => {
28			if (route[0] === '*') {
29			fourOhFour = route;
30			return false;
31			}
32			const hasParams = route[0].match(':');
33			if (hasParams) {
34			const { trueRoute, params } = getParams(route[0], path);
35			routeParams = params;
36			return trueRoute === path;
37			}
38			return route[0] === path;
39			});
40
41			const props = JSON.parse(JSON.stringify(this.context));
42
43			if (!activeRoute.length) {
44			return fourOhFour[1](props);
45			}
46
47			props.location.params = activeRoute[0][0].match(':') ? routeParams : {};
48			return activeRoute[0][1](props);
49			}
50			}
51
52			Routes.contextTypes = {
53			location: PropTypes.shape({
54			path: PropTypes.string,
55			push: PropTypes.func
56			})
57			};
58
59			Routes.propTypes = {
60			routes: PropTypes.func
61			};
62
63			export default Routes;
64

iAmao / Bui-react

GitHub Access Token became invalid

Pull Request — master (#14)

Routes.js ➔ ??? B

Complexity

Size

Duplication

Importance

1 Function

Duplication Side-by-Side

Filter issues like